fbとの連携メモを

はい「SNSいろいろ」だけ登録すると、ベースヘッダー画面が。「編集カテゴリー一覧」にも登録すると、後者が勝て?サブヘッダー画像が表示されます。

 

今後の課題はカスタム投稿「post_type」のヘッダー画像です。→いけました。

当面、個人のfacebookにリンクを・・・facebookページにすると、このページに貼り付けることも可能・・・だったのですが。

20150713メモ:最近、facebookページのコードが変更されました。iframeでの発行はなくなりました。

20150622が節目だったそうです。http://www.qam-web.com/?p=9516

埋込コード、「麻生市民交流館やまゆり」の例です。

1. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

このコードを<body>開始タグの直後に記述できないので・・・

2. Place the code for your plugin wherever you want the plugin to appear on your page.

<div data-href="https://www.facebook.com/asao.yamayuri?fref=ts" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div><blockquote cite="https://www.facebook.com/asao.yamayuri?fref=ts"><a href="https://www.facebook.com/asao.yamayuri?fref=ts">麻生市民交流館やまゆり</a></blockquote></div></div>


ここで、現在も有効なiframeコードの先例の「href="https://facebookの該当アドレス" 」の部分を入れ替えてみます。

先例 (/v2.0/を追加しておくと20160430まで有効らしい)
<iframe src="http://www.facebook.com/v2.0/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F%E5%86%99%E7%9C%9F%E7%B4%A0%E6%9D%90-%E8%B6%B3%E6%88%90%2F143484832368366&amp;width=248&amp;colorscheme=light&amp;show_faces=true&amp;stream=true&amp;header=false&amp;height=395" scrolling="no" style="border:none; overflow:hidden; width:248px; height:395px;" allowtransparency="true" frameborder="0"></iframe>

入れ替え

<iframe src="http://www.facebook.com/v2.0/plugins/likebox.php?href=https://www.facebook.com/asao.yamayuri?fref=ts&amp;width=248&amp;colorscheme=light&amp;show_faces=true&amp;stream=true&amp;header=false&amp;height=395" scrolling="no" style="border:none; overflow:hidden; width:248px; height:395px;" allowtransparency="true" frameborder="0"></iframe>

入れ替え

そして、「プロパティ」の「組み込みHTML」に「入れ替え」した記述をコピーしてみますと・・・おお!上手く表示されました。